<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动定位</title>
<!-- css提供5个定位方式：
		 1.浮动定位  float属性  【属性值：none (无浮动)、
		                               left（左浮动）、
		                               right(右浮动)、
								       clear(作用：清除浮动-left 左浮动、right 右浮动、both 左右浮动)】
		 概念：让元素脱离文档流的一种定位方式
		       浮动的元素向左、向右
			   通常同于左右布局、图片与文本环绕...
		注意：一旦元素加了浮动，元素变成块级元素
		 
		 
		 2.相对定位
		 3.绝对定位
		 4.文档流定位（普通流定位）
		 按照元素的分类进行定位
		 
		 5.固定定位
		 能将元素定死在页面不动
		 
	 主要功能：页面元素布局
 -->
    <link rel="stylesheet" href="css/定位.css" />
	</head>
	
	<style>

	</style>
	
	
	<body>
	<div class="d1">1</div>
	<div class="d2">2</div>
	<div class="d3">3</div>
	<div class="d4">4</div>
	</body>
</html>